<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>世纪佳缘交友网：国内领先的在线婚恋交友网站</title>
    <style>
        .new_header{
            height: 70px;
            overflow: hidden;
            background: #fff;
        }
        .new_wrap{
            width: 1000px;
            margin:0 auto;
        }
        .logo{
            width: 215px;
            height: 70px;
            background-position: 0 0;
            display: block;
            float: left;
        }
        .img{
            border: 0;
            vertical-align: top;
        }
        .form_login{
            width: 672px;
            margin: 20px 0 0 0;
            float: right;
            position: relative;
        }
        .input_text{
            width: 120px;
            height: 23px;
            padding: 0 4px 0 10px;
            border: 1px #d9d9d9 solid;
            color: #aaa;
            margin:  0 0 0 8px;
            outline: none;
            font:12px/1.5 tahoma,arial,\5b8b\4f53;
        }
        .btn_login{
            width: 67px;
            height: 25px;
            background-position: -816px -188px;
            border: 0;
            float: left;
            margin: 0 0 0 8px;
            overflow: visible;
            text-shadow: none;
            align-items: flex-start;
            display: inline-block;
            text-align: center;
            cursor: pointer;
            background-image: url("https://images4.jyimg.com/w4/index_new/i/sprite.png");
        }
        .a0{
            vertical-align: middle;
            display: inline-block;
            color: #aaa;
            font-size: 12px;
            background: transparent;
            line-height: 25px;
        }
        .a1{
            width: 16px;
            height: 16px;
            line-height: normal;
            margin-left: 5px;
            display: inline-block;
            vertical-align: middle;
            background-image: url("https://images3.jyimg.com/w4/index_new/i/login_bg.gif");
        }
        .a2{
            width: 16px;
            height: 16px;
            line-height: normal;
            margin-left: 5px;
            display: inline-block;
            vertical-align: middle;
            background-image: url("https://images3.jyimg.com/w4/index_new/i/login_bg.gif");
            background-position: -16px 0;
        }
        .a3{
            width: 16px;
            height: 16px;
            line-height: normal;
            margin-left: 5px;
            display: inline-block;
            vertical-align: middle;
            background-image: url("https://images3.jyimg.com/w4/index_new/i/login_bg.gif");
            background-position: -32px 0;
        }
        .a4{
            width: 16px;
            height: 16px;
            line-height: normal;
            margin-left: 5px;
            display: inline-block;
            vertical-align: middle;
            background-image: url("https://images2.jyimg.com/w4/index_new/i/login_wx.jpg");
        }
        .a5{
            text-decoration: none;
            margin: 3px 0 0 18px;
            font-size: 12px;
            line-height: 19px;
            color: #aaa;
        }
        .d1{
            height: 450px;
            position: relative;
            background: #edebe7 url("https://images1.jyimg.com/w4/index_new/i/big_bg4.jpg") no-repeat center top;
        }

        #02{
            width: 100%;
            font-size: 14px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            vertical-align: baseline;
        }
        h2{
            font-family: 'Microsoft YaHei';
            font-size: 18px;
            text-align: center;
            padding: 15px 0 10px 0;
            margin: 0 10px;
            border-bottom: 1px #f4f3f3 solid;
            font-weight: 400;
            color: #8e8e8e;
        }
        #d1{
            margin-top: 15px;
            line-height: 32px;
            zoom: 1;
        }
        #d2{
            height: 78px;
            background-color: #ededed;
            position: relative;
        }
        #021{
            width: 1000px;
            margin: 0 auto;
        }
        #0211{
            height: 78px;
            background-position:0 -78px;
            background-repeat: no-repeat;
            background-image: url("https://images4.jyimg.com/w4/index_new/i/sprite.png");
        }
    </style>
</head>
<body>
<div class="new_header">
 <div class="new_wrap">
     <a href="https://www.jiayuan.com/" class="logo" target="_blank">
         <img src="https://images2.jyimg.com/msn/index_pic/jy_common_1578537618.jpeg" alt="世纪佳缘" height="70" border=0 class="img">
     </a>
     <span class="logo_text">
         <img src="https://images2.jyimg.com/w4/index_new/i/logo_txt.png" alt="国内领先的在线婚恋交友网站" border=0 >
     </span>

     <div class="form_login">
         <input type="hidden" name="channel" value="200">
         <input type="hidden" name="position" value="101">
         <input type="text" name="name" class="input_text" value="邮箱/ID/手机号">
         <input type="password" autocomplete="off" name="password" class="input_text" >
         <button class="btn_login" ></button>
         <p class ="jycm">
             <span class="qita_login">其他登录</span>
         </p>
     </div>
 </div>
</div>
</body>
</html>